วิชาการสร้างไว็บไซด์เบื้องต้น ระดับชั้นมัธยมศึกษาปีที่ 2



คำชี้แจง ให้นักเรียนทุกคนเข้าไปศึกษาบทเรียนด้านล่างแล้วตอบคำถามตามใบงานที่กำหนดแล้วส่งคำตอบของแต่ละคนมาทางเมล์ photha2009@gmail.com


การพัฒนาเว็บไซต์ด้วยภาษา HTML และ DreamWeaver
ในบทเรียนนี้ จะแบ่งเป็น 2 หัวข้อด้วยกัน คือภาษา HTML และ การใช้โปรแกรม DreamWeaver ในการทำเว็บไซต์

HTML ย่อมาจากคำว่า "HyperText Markup Language"
เป็นภาษาที่ใช้ในการเขียนโปรแกรมภาษาหนึ่งของคอมพิวเตอร์ ที่แสดงผลในลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ในรูปแบบต่างๆ ไม่ว่าเป็นภาพกราฟิกภาพนิ่ง ภาพเคลื่อนไหว เสียง หรือการเชื่อมโยงไปยังเว็บไซต์อื่นๆ
external image line469.gif

โปรแกรม Macromedia Dreamweaver 8
เป็นโปรแกรมที่ใช้สำหรับสร้างเว็บเพจ และบริหารเว็บไซต์ที่ได้รับความนิยมสูงสุด ในกลุ่มโปรแกรมประเภทเดียวกัน ในปัจจุบัน เนื่องจากคุณสมบัติของโปรแกรมที่มีความสะดวกต่อการใช้งาน มีฟังก์ชันที่ทำให้ผู้ใช้สามารถจัดวางข้อความ รูปภาพ ตาราง ฟอร์ม วิดีโอ รวมถึงองค์ประกอบอื่น ๆ ภายในเว็บเพจได้อย่างสวยงามตามที่ผู้ใช้ต้องการ โดยไม่ต้องใช้ภาษาสคริปต์ที่ยุ่งยากซับซ้อนเหมือนก่อน ด้วยความสามารถและคุณสมบัติของโปรแกรม จึงเหมาะสำหรับนักเรียน

บทเรียน HTML + DreamWeaver

ภาษา HTML พื้นฐาน


เนื้อหา
ใบงาน
บทที่ 1 โครงสร้าง HTML

บทที่ 2 คำสั่ง HTML

บทที่ 3 ใส่ภาพและลิ่งค์

บทที่ 4 การสร้างตาราง

โปรแกรม DrenWeaver
เนื้อหา
ใบงาน
บทที่ 5 แนะนำโปรแกรม

บทที่ 6 ส่วนประกอบต่าง ๆ

บทที่ 7 เริ่มต้นใช้งาน

บทที่ 8 ตกแต่งข้อความ

บทที่ 9 การแทรกภาพ

บทที่ 10 การสร้งตาราง

บทที่ 11 การสร้างลิงค์

บทที่ 12 การสร้าง Frame

บทที่ 13 การนำเสนอที่ดี